/*************/
/* Community */
/*************/

#communitycontainer
{
    float: left;
    width: 100%;
    overflow: hidden;
}

/**********/
/* Common */
/**********/

#communitycontainer div.section
{
    width: 100%;
    padding-bottom: 1.2em;
}

#communitycontainer div.odd
{
    
}

#communitycontainer div.even
{
    background-color: #F4ECBE;
}

#communitycontainer div.userdetails div.tablecolumn
{
    width: 49.9%;
    float: left; 
}

#communitycontainer div.userdetails div.tablecolumn div.item
{
}

#communitycontainer div.userdetails div.tablecolumn div.item div.heading
{
    float: left;
    font-weight: bold;
    width: 100%;
}

#communitycontainer div.userdetails div.tablecolumn div.item div.content
{
    float: left;
    width: auto;
}

#communitycontainer div.quarterwidth
{
    width: 24.9%;
    float: left;
}

#communitycontainer div.reportarea
{
    width: 100%;
    float: left;
}
/**************/
/* End Common */
/**************/

/*********/
/* Lists */
/*********/

#communitycontainer div.userlist h3
{
    margin-bottom: 0.6em;
}

#communitycontainer div.userlist ul
{
    margin: 0 0 2em 0;
	padding: 0;
	list-style-type: none;
}

#communitycontainer div.userlist ul li
{
    background-image: url(../images/community/medlem-ikon.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 0.6em;
	margin-bottom: 0.4em;
}

#communitycontainer div.userlist ul li span.listitem
{
    padding-left: 10px;
}

#communitycontainer div.clublist ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#communitycontainer div.clublist ul li
{
    background-image: url(../images/community/medlemmar-ikon.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: .6em;
	padding-bottom: 0.4em;
}

#communitycontainer div.clublist ul li span.listitem
{
    padding-left: 10px;
}

/*************/
/* End Lists */
/*************/

/************/
/* Register */
/************/
#communitycontainer div.register div.text
{
    float: left;
    width: 15em;
    height: 2.05em;
    padding-top: 0.35em;
}

#communitycontainer div.register div.input
{
    float: left;
    width: 16em;
    height: 2.4em;
    text-align: right;
}

#communitycontainer div.register div.validator
{
    float:left;
    width: 5em;
    height: 2.05em;
    padding-top: 0.35em;
    text-align: center;
}
/****************/
/* End Register */
/****************/

/****************/
/* My Page Edit */
/****************/
#communitycontainer img.portrait
{
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    float: left;
}

#communitycontainer div.portraitselect
{
    float: left;
    width: 23em;
}

#communitycontainer div.portraitselect div.label
{
    float: left;
    width: 4.5em;
    height: 2.15em;
    padding-top: 0.25em;
}

#communitycontainer div.portraitselect div.input
{
    float: left;
    width: 18.5em;
    height: 2.4em;
    text-align: right;
}

#communitycontainer div.portraitselect div.button
{
    float: right;
}

#communitycontainer div.presentation
{
    float: left;
    width: 100%;
}

#communitycontainer div.presentation div.button
{
    float: right;
}

#communitycontainer div.presentation .text
{
    width: 100%;
    height: 20em;   
}
/********************/
/* End My Page Edit */
/********************/

/********/
/* Club */
/********/
#communitycontainer div.clubmenu
{
    float: left;
    width: 100%;
    margin-bottom: 1.2em;
}

#communitycontainer div.clubmenu a
{
    text-decoration: none;
}

#communitycontainer div.clubmenu div.menuleft
{
    float: left;
    width: auto;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    margin-top: 1px;
    border-right: solid 1px #C0AF7C;
    border-bottom: solid 1px #C0AF7C;
}

#communitycontainer div.menuright
{
    float: left;
    width: auto;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    margin-top: 1px;
    border-bottom: solid 1px #C0AF7C;
}

#communitycontainer div.clubmenu div.menuitem
{
    
}

#communitycontainer div.clubmenu div.menuitem .selected
{
    float: left;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    border-right: solid 1px #C0AF7C;
    border-top: solid 1px #C0AF7C;
    font-weight: bold;
}

#communitycontainer div.clubmenu div.menuitem .unselected
{   
    float: left;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.2em;
    padding-top: 0.4em;
    border-bottom: solid 1px #C0AF7C;
    border-right: solid 1px #C0AF7C;
    border-top: solid 1px #C0AF7C;
}

#communitycontainer div.clubhome textarea.description
{
    width: 100%;
	height: 12em;
}

#communitycontainer div.membershipstatus div.statusrow
{
    margin-bottom: 0.2em;
}

#communitycontainer div.userlist
{
    float: left;
    width: 100%;
}

#communitycontainer div.userlist div.tablerow
{
    float: left;
    width: 100%;
    padding-top: 0.1em;
    padding-bottom: 0.3em;
}

#communitycontainer div.userlist div.tableheading
{
    float: left;
    width: 100%;
    padding-top: 0.1em;
    padding-bottom: 0.3em;
    background-color: #C0AF7C;
}

#communitycontainer div.userlist div.name
{
    float:left;
    width: 18em;
    padding-left: 0.1em;
    padding-right:0.1em;
}

#communitycontainer div.userlist div.type
{
    float:left;
    width: 5em;
    padding-left: 0.1em;
    padding-right:0.1em;
}

#communitycontainer div.userlist div.date
{
    float:left;
    width: 9em;
    padding-left: 0.1em;
    padding-right:0.1em;
}

#communitycontainer div.userlist div.edit
{
    float: right;
    width: auto;
    padding-left: 0.1em;
    padding-right:0.1em;
}

#communitycontainer a.editlink
{
    float: right;
}

#communitycontainer div.editmember
{
    float: left;
}

#communitycontainer div.editmember div.editpanel
{
    width: 100%;
    float: left;
}

#communitycontainer div.editmember div.editpanel div.panelblock
{
    padding-top: 0.8em;
    padding-bottom: 0.4em;
}

#communitycontainer div.newsform input.subject
{
	width: 50%;
}

#communitycontainer div.newsform textarea.message
{
	width: 100%;
	height: 12em;
}

#communitycontainer div.newclubform input.name
{
	width: 50%;
}

#communitycontainer div.newclubform textarea.data
{
	width: 100%;
	height: 12em;
}
/************/
/* End Club */
/************/

/************/
/* Calendar */
/************/
#communitycontainer div.calendar
{
    width: 100%;
    float: left;
    margin-bottom: 0.8em;
    font-size: 1.6em;
}

#communitycontainer div.calendar .main
{
    border-color: #000000;   
}

#communitycontainer div.calendar .anyday
{  
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .othermonthday
{  
    background-color: #999999;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .weekendday
{  
    background-color: #EEEEEE;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .eventday
{  
    background-color: #C0AF7C;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .selectday
{  
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .eventselected
{  
    background-color: #C0AF7C;
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
    padding: 3px 3px 3px 3px
}

#communitycontainer div.calendar .title
{  
    background-color: #F4ECBE;
    height: 1.8em;
}

#communitycontainer div.calendar .dayheader
{
    color: #999999;
}

#communitycontainer div.eventlist
{
    width: 100%;
    float: left;
    margin-bottom: 0.8em;
}

#communitycontainer div.eventlist div.heading
{
    width: 100%;
    float: left;
}

#communitycontainer div.eventlist div.heading div.time
{
	width: 8em;
	float: left;
}

#communitycontainer div.eventlist div.heading div.subject
{
	width: auto;
	font-weight: bold;
	float: left;
}

#communitycontainer div.eventlist div.content
{
    width: auto;
    float: left;
	margin-left: 8em;
	margin-bottom: 0.8em;
}

#communitycontainer div.addevent
{
    width: 100%;
    float: left;
}


#communitycontainer div.addevent input.eventdata
{
	width: 50%;
}

#communitycontainer div.addevent textarea.description
{
	width: 100%;
	height: 12em;
}
/****************/
/* End Calendar */
/****************/

/****************/
/* File Archive */
/****************/
#communitycontainer div.filepath
{
    width: 100%;
    float: left;
    margin-bottom: 0.6em;
}

#communitycontainer div.filelist
{
    width: 100%;
    float: left;
    margin-bottom: 0.6em;
}

#communitycontainer div.filelist div.tableheading
{
    width: 100%;
    float: left;
    margin-bottom: 0.6em;
    font-weight: bold;
}

#communitycontainer div.filelist div.tablerow
{
    width: 100%;
    float: left;
    line-height: 2em;
}

#communitycontainer div.filelist div.name
{
    width: 50%;
    float: left;
}

#communitycontainer div.filelist div.changed
{
    width: 10em;
    float: left;
    padding-left: 0.2em;
}

#communitycontainer div.filelist div.size
{
    width: 4.4em;
    float: left;
    padding-left: 0.2em;
}

#communitycontainer div.filelist div.remove
{
    width: 3.8em;
    float: left;
    padding-left: 0.2em;
}

#communitycontainer div.fileupload
{
    width: 100%;
    float: left;
    margin-bottom: 1.6em;
}

#communitycontainer div.fileupload input.browse
{
    width: 50%;
}

#communitycontainer div.fileupload input.textbox
{
    width: 50%;
}

#communitycontainer div.fileupload textarea
{
    width: 100%;
    height: 5em;
}

/**************/
/* File icons */
/**************/
#communitycontainer div.filelist a.folderSystemIcon
{background: url(../images/community/fileicons/folder.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.bmpExtension
{background: url(../images/community/fileicons/bmp.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.docExtension
{background: url(../images/community/fileicons/doc.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.gifExtension
{background: url(../images/community/fileicons/gif.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.htmExtension, a.htmlExtension
{background: url(../images/community/fileicons/htm.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.jpgExtension, a.jpegExtension
{background: url(../images/community/fileicons/jpg.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.mp3Extension
{background: url(../images/community/fileicons/mp3.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.mpgExtension
{background: url(../images/community/fileicons/mpg.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.pdfExtension
{background: url(../images/community/fileicons/pdf.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.pngExtension
{background: url(../images/community/fileicons/png.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.pptExtension
{background: url(../images/community/fileicons/ppt.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.tifExtension, a.tiffExtension
{background: url(../images/community/fileicons/tif.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.txtExtension
{background: url(../images/community/fileicons/txt.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.wavExtension
{background: url(../images/community/fileicons/wav.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.xlsExtension
{background: url(../images/community/fileicons/xls.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.zipExtension
{background: url(../images/community/fileicons/zip.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
#communitycontainer div.filelist a.defaultExtension
{background: url(../images/community/fileicons/default.png) no-repeat; padding: 2px 0 2px 20px; line-height: 2em;}
/**************/
/* File icons */
/**************/

/********************/
/* End File Archive */
/********************/

/*********/
/* Forum */
/*********/

#communitycontainer div.forumpath
{
    width: 100%;
    float: left;
    margin-bottom: 1.2em;
}

#communitycontainer div.paging
{
    width: 100%;
    text-align: center;
    margin-bottom: 1.2em;
}

#communitycontainer div.roomlist
{
    width: 100%;
    float: left;
    margin-bottom: 1.2em;
}

#communitycontainer div.roomlist div.room
{
    width: 100%;
    float: left;
    margin-bottom: 0.4em;
}

#communitycontainer div.roomlist div.room a
{
    font-weight: bold;
}

#communitycontainer div.topicsearch
{
    width: 100%;
    float: left;
    margin-bottom: 1.2em;
}

#communitycontainer div.topicsearch input.search
{
	width: 50%;
}

#communitycontainer div.topiclist
{
    width: 100%;
    float: left;
    margin-bottom: 1.2em;
}

#communitycontainer div.topiclist div.topic
{
    width: 100%;
    float:left;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.4em;
    padding-left: 0.4em;
    margin-bottom: 0.8em;
}

#communitycontainer input.subject
{
	width: 50%;
}

#communitycontainer textarea.body
{
	width: 100%;
	height: 12em;
}

#communitycontainer div.messagelist
{
    width: 100%;
    float: left;
    margin-bottom: 1.2em;
}

#communitycontainer div.messagelist div.message
{
    width: 100%;
    float: left;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#communitycontainer div.messagelist div.message div.userinfo
{
    float: left;
    width: 110px;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    margin-right: 0.4em;
    margin-left: 0.4em;
}

#communitycontainer div.userlabel
{
    background-image: url(../images/community/medlem-ikon.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
	margin-bottom: 0.4em;
}

/*************/
/* End Forum */
/*************/

/*************/
/* Reporting */
/*************/

#communitycontainer div.reporting
{
    margin-top: 0.8em;
    padding: 0.4em;
    margin-right: 0.6em;
}

#communitycontainer div.reporting div.reported
{
    font-weight: bold;
    color: Red;
}

#communitycontainer div.reporting div.text
{
    width: 100%;
}

#communitycontainer div.reporting div.text textarea
{
    width: 100%;
    height: 8em;
}

/*****************/
/* End Reporting */
/*****************/

/*****************/
/* Search user */
/*****************/
#communitycontainer div.searchuser
{
    margin-bottom: 0.8em;
}
#communitycontainer div.searchuser input.searchtext
{
    width: 50%;
}

/*******************/
/* End Search user */
/*******************/

/*****************/
/* End Community */
/*****************/